<template>
    <div class="container">
        <span class="title">{{ title }}</span>
    </div>
</template>

<script setup>
const props = defineProps({
    title: {
        type: String,
        default: "",
    },
});
</script>

<style scoped lang="less">
.container {
    background-color: rgb(247, 248, 250);
    padding: 8px 12px;
    position: relative;
    &::before {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 14px;
        background-color: rgb(75, 147, 250);
        content: "";
        overflow: hidden;
    }
    .title {
        color: rgb(50, 50, 50);
        font-size: 16px;
        font-weight: 700;
        margin-left: 12px;
    }
}
</style>
